<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米家电</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="homeApp clearfix">
        <div class="head clearfix">
            <h2 class="title fl">家电</h2>
            <div class="more clearfix">
                <ul class="tab-list  fr">
                    <li class="active fl">热门</li>
                    <li class="active fr">电视影音</li>
                </ul>
            </div>
        </div>
        <div class="exhib">
            <ul class="clearfix">
                <li class="mian1 fl">
                    <a href="#"><img src="./img/livelectrion1.webp" alt=""></a>
                </li>

                <ul class="wrapper fr">
                    <li>
                        <a href="#"><img src="./img/livelectrion11.webp" alt="">
                            <h3>米家互联网空调C1(一级能效)</h3>
                            <p class="desc">变频节能省电，自清洁</p>
                            <p class="price"><span class="num">2599元</span><del><span class="cost">2799元</span></del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/livelectrion12.webp" alt="">
                            <h3>米家空调</h3>
                            <p class="desc">智能洗烘，省心省力</p>
                            <p class="price"><span class="num">1699元</span><del><span class="cost">1799元</span></del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/livelectrion13.webp" alt="">
                            <h3>米家互联网洗烘一体机 Pro 10kg</h3>
                            <p class="desc">智能洗烘，省心省力</p>
                            <p class="price"><span class="num">2999元</span></p>
                        </a>
                    </li>
                    <li class="limit">
                        <a href="#"><img src="./img/livelectrion14.webp" alt="">
                            <h3>人工智能系统，高清液晶屏</h3>
                            <p class="desc">人工智能系统，高清液晶屏</p>
                            <p class="price">
                                <span class="num">699元</span>
                                <del><span class="cost">799元</span></del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/livelectrion21.webp" alt="">
                            <h3>人工智能系统，高清液晶屏</h3>
                            <p class="desc">人工智能系统，高清液晶屏</p>
                            <p class="price">
                                <span class="num">699元</span>
                                <del><span class="cost">799元</span></del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/livelectrion22.webp" alt="">
                            <h3>人工智能系统，高清液晶屏</h3>
                            <p class="desc">人工智能系统，高清液晶屏</p>
                            <p class="price">
                                <span class="num">699元</span>
                                <del><span class="cost">799元</span></del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/livelectrion23.webp" alt="">
                            <h3>人工智能系统，高清液晶屏</h3>
                            <p class="desc">人工智能系统，高清液晶屏</p>
                            <p class="price">
                                <span class="num">699元</span>
                                <del><span class="cost">799元</span></del>
                            </p>
                        </a>
                    </li>
                    <li class="limit2 ">
                        <a href="#" class="clear clearfix">
                            <img src="./img/livelectrion24.webp" alt="" class="fr">
                            <span class="left fl">
                            <h3>Air 13.3" 2019</h3>
                            <p class="price">
                                <span class="num">4999元起</span>
                            </p>
                            </span>
                        </a>
                    </li>
                    <li class="moreInfo clearfix">

                        <div class="icon fr">
                            <a href="#"><span class="iconfont">&#xebef;</span></a>
                        </div>
                        <div class="more fl">
                            <a href="#">
                                <h4>浏览更多</h4>
                            </a>
                            <a href="#"><span>热门</span></a>
                        </div>

                    </li>
                </ul>
                <li class="mian2 fl">
                    <a href="#"><img src="./img/livelectrion2.webp" alt=""></a>
                </li>
            </ul>
        </div>
        <div class="intro">
            <a href="https://item.mi.com/product/10025.html?selected=10025&pClass=p"><img src="./img/intro.png" alt=""></a>
        </div>
    </div>
</body>

</html>